@charset "UTF-8";
@import "reset";
//处理px单位的值，转换为rem单位；
@function r($px) {
    @return $px/100px*1rem;
}

* {
    font-size: 0;
}

.content {
    height: r(1135px);
    background-color: #222222;
    .logo {
        text-align: center;
        padding-top: r(194px);
        img {
            width: r(161px);
            height: r(135px);
        }
    }
    .accountnumber {
        margin: 0 auto;
        width: r(492px);
        display: flex;
        margin-top: r(46px);
        margin-bottom: r(16px);
        div:first-child {
            width: r(61px);
            height: r(53px);
            text-align: center;
            background-color: #303030;
            display: flex;
            justify-content: center;
            align-items: center;
            img {
                width: r(29px);
                height: r(30px);
            }
        }
        div:last-child {
            input {
                width: r(431px);
                height: r(53px);
                font-size: r(35px);
                background-color: #3d3d3d;
                border: none;
            }
            input::-webkit-input-placeholder {
                font-size: r(20px);
                color: #cdcdcd;
            }
        }
    }
    .password {
        margin: 0 auto;
        width: r(492px);
        display: flex;
        div:first-child {
            width: r(61px);
            height: r(53px);
            text-align: center;
            background-color: #303030;
            display: flex;
            justify-content: center;
            align-items: center;
            img {
                width: r(29px);
                height: r(30px);
            }
        }
        div:last-child {
            input {
                width: r(431px);
                height: r(53px);
                font-size: r(23px);
                background-color: #3d3d3d;
                border: none;
                padding: r(10px) 0;
            }
            input::-webkit-input-placeholder {
                font-size: r(20px);
                color: #cdcdcd;
            }
        }
    }
    .question {
        width: r(559px);
        display: flex;
        justify-content: flex-end;
        align-items: center;
        margin-top: r(27px);
        div {
            width: r(19px);
            height: r(19px);
            img {
                width: 100%;
                height: 100%;
            }
        }
        p {
            font-size: r(20px);
            color: white;
        }
    }
    .last_button {
        text-align: center;
        >a:first-child {
            .button_one {
                width: r(492px);
                height: r(53px);
                font-size: r(23px);
                color: #cdcdcd;
                background-color: #b60005;
                border: 1px solid #b60005;
                margin-top: r(59px);
            }
        }
        .button_two {
            width: r(492px);
            height: r(53px);
            font-size: r(23px);
            background-color: #303030;
            border: 1px solid #b60005;
            margin-top: r(14px);
        }
    }
}